<div class="hello">
  <!-- <div class="header">
    <div class="head">
      <div class="back" @click="$router.go(-1)">
        <i></i>
      </div>
      <div class="title text-center">购物车</div>
      <div class="shareBox">
        <icon-svg icon-class="fenxiang" class="share"></icon-svg>
      </div>
    </div>

  </div> -->

  <div id="shop-content">
    <!-- 购物车不为空 -->
    <div  v-if="!shopNoneFlag">
      <div class="shop-details-delete">
        <icon-svg icon-class="shanchu" class="shanchu"></icon-svg>
        <span style="margin-right: 12px;" @click="confirmDel()">删除</span>
        <!-- <a class="fl" @click="checkAllProduct()">
            <span class="shop-icon" v-bind:class="{'shop-iconyes':checkAll,'shop-iconxun':!checkAll}"></span>
            无人机商城
          </a> -->
        <!-- <a v-if="editFlag === false" @click="editFlag = true">编辑</a>
        <a v-if="editFlag === true" @click="editFlag = false">完成</a> -->
      </div>
      <!-- 商品列表 -->
      <div class="list">
        <div class="shop-details" v-for="shopItem in shopData" :key="shopItem.productId">
          <div class="clearfix" style="padding:8px 0;" @click="goToDetails(shopItem.productId)">
            <div class="shop-details-left">
              <img alt="图片" src="~@/public/img/good1.png">
              <!-- <img v-lazy="sourcePic + shopItem.productPic" alt="图片"> -->
              <!-- <div v-lazy:background-image="sourcePic + shopItem.productPic"></div> -->
            </div>
            <div class="shop-details-right">
              <div>
                <span>{{shopItem.name}}</span>
              </div>
              <div style="font-size: 18px;color: #f44;margin-top: 12px;">
                <span>￥{{shopItem.curPrice}}</span>
              </div>
            </div>
          </div>
          <!-- 修改购买产品数量 -->
          <div class="relative">
            <div class="shop-quentity">
              <a href="javascript:;" v-on:click="changeQuentity(shopItem,-1)">
                <img src="~@/public/img/less.png">
              </a>
              <input type="text" disabled v-model="shopItem.quentity">
              <!-- <input type="text" disable value="1"> -->
              <a href="javascript:;" @click="changeQuentity(shopItem,1)">
                <img src="~@/public/img/add.png">
              </a>
            </div>
          </div>
          <!-- 选择按钮 -->
          <a class="shop-select">
            <span class="shop-icon shop-iconyes" v-bind:class="{'shop-iconyes':shopItem.checked,'shop-iconxun':!shopItem.checked}" @click="selectProduct(shopItem)"></span>
          </a>
        </div>
        <!-- <div class="shop-delete" v-if="editFlag === true" @click="confirmDel(shopItem)">
          <yd-button type="danger" class="delBtn">删除</yd-button>
        </div> -->
      </div>
    </div>
    <!-- 购物车为空 -->
    <div id="shop-none" v-if="shopNoneFlag">
      <router-link to="/home">去逛逛</router-link>
    </div>
  </div>

  <div id="shop-buy" v-show="!shopNoneFlag">
    <div id="shop-buy-left">
      <div @click="checkAllProduct()">
        <span class="shop-icon" v-bind:class="{'shop-iconyes':checkAll,'shop-iconxun':!checkAll}"></span>
        <span>全选</span>
      </div>
      <span>合计：{{totalMoney | formatMoney}}</span>
    </div>
    <div id="shop-buy-right">
      <div @click="goToSettlement()">结算({{checkNum}})</div>
    </div>
  </div>
  <fixBottom :check="2"></fixBottom>
</div>